
<html>
<head>
<title>Seventeenth Test of Section 5.3.6 of CSS1 Spec</title>

<style type="text/css">
p {background-image: url(flagbg.gif)}
#id1 {background-position: right}
#id2 {background-position: right center}
#id3 {background-position: center right}
#id4 {background-position: 100%50%}
</style>
</head>

<body>




<h1>Testing Statement #17 Below of Section 5.3.6 of CSS1 Spec</h1>





<ul>
<li >
17. "right", "right center" and "center right" mean the same as "100%50%".
</ul>

<h2>
PASS CRITERIA:
</h2>
<p ID=id1>
If statement #17 above is passed, this paragraph should have a flag image
which is centered to the right with regard to this paragraph text.
The rule applied is "#id1 {background-position: right}".
<p ID=id2>
This paragraph should have a flag image which is centered to the right with
respect to this paragraph text.
The rule applied is "#id2 {background-position: center right}".
This paragraph should look like the one above.
<p ID=id3>
This paragraph should have a flag image which is right centered with
respect to this paragraph text.
The rule applied is "#id3 {background-position: right center}".
This paragraph should look like the one above.
<p ID=id4>
This paragraph should have a flag image which is 100% across adn 50% down
with respect to this paragraph text.
The rule applied is "#id4 {background-position: 100%50%}".
This paragraph should look like the one above.

<p>
The rule "p {background-image: url(flagbg.gif)}" is also applied above.
All other properties of this page should be UA-default.


</body>
</html>
